.personal{ padding-bottom:30px;}
.personal .personal-list{ margin-top:10px; border-top:1px solid #eee;}
.personal .plist{ display:block; height:44px; background-color:#fff; border-bottom:1px solid #eee;}
.personal .plist .picon1{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p01.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}
.personal .plist .picon2{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p02.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}
.personal .plist .picon3{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p03.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}
.personal .plist .picon4{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p04.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}
.personal .plist .picon5{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p05.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}
.personal .plist .picon6{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p06.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}
.personal .plist .picon7{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p07.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}  /* 20150428 */
.personal .plist .picon8{ float:left; margin-top:9px; margin-left:10px; margin-right:10px; background:url(../images/icon-p08.png) 0 0 no-repeat; width:26px; height:26px; background-size:26px 26px;}  /* 鎴戠殑绾㈠寘鍥炬爣 */
.personal .plist .ptit{ float:left; font-size:15px; margin-top:10px;color:#4a4a4a;}
.personal .plist .auto-icon { float: right; color:#4a4a4a; font-size: 15px; margin-right: 15px; margin-top: 10px;} /* 20150428 */
.personal .plist .iconarrow{float:right; margin-top:15px; margin-right:10px; background:url(../images/icon-right.png) 0 0 no-repeat; width:8px; height:14px; background-size:8px 14px;}
.personal .personalout{ margin:10px 0;border-top:1px solid #eee;}
.pink { color: #f1483c;} .p15{ padding-left:15px;}


.index-list-wrap {clear:both; height:100%; margin-top:10px; padding:5px 10px }
.index-pad { width: 100%; padding: 5px 0; }
.index-bg { background: #e5e5e5; }

.index-list { width: 100%; height: 144px; background: #fff; margin: 0 auto; display: block; border: 1px solid #e7e7e7; border-radius: 3px;}
.index-list .list-tit { height: 37px;  border-bottom: 1px solid #e7e7e7; display:block }
.index-list .tit-name { padding-left: 2%; font-size: 12px; color: #4a4a4a;  line-height: 37px; }
.index-list .tit-name strong { margin-left: 3px; font-weight: normal; vertical-align: middle; }
.index-list .tit-site {  margin: 10px 2% 0 0; display: block; padding:0 7px; font-size: 9px; color: #848484; border:1px solid #d2d2d2; height: 16px; line-height: 16px; border-radius: 20px; -webkit-text-size-adjust:none; }
.index-list .tit-site i { display: inline-block; width: 8px; height: 8px; background: url(../images/list-clock.png); background-size: 8px 8px; margin-right: 3px;}
.index-list .tit-site strong { color: #4a4a4a; }

.index-list .list-main{ height: 74px; overflow: hidden; clear:both; }
.index-list .main-l,.index-list .main-m-1,.index-list .main-m-2 { display: inline-block;  float: left;  position: relative; height: 74px; line-height: 74px; }
.index-list .main-l { box-sizing: border-box; padding-left: 3%; width: 100%;  }
.index-list .main-m-1 { width: 29%; text-align: right; } 
.index-list .main-m-2 { width: 18%; text-align: right; } 
.index-list .main-l .per { font-size: 24px;  }
.index-list .main-l .per i { font-size: 20px; }
.index-list .main-l .add { color: #fff; display: inline-block; width: 31px; height: 14px;  text-align: center; line-height: 14px; position: absolute; top: 20px; }
.index-list .main-l .add i { font-size: 7px; }

.index-list .main-m {  display: inline-block;  position: relative; height: 74px; line-height: 74px; }
.index-list .main-m span { font-size: 20px; color: #4a4a4a; }  
.index-list .main-m span em{ font-size:16px;}
.index-list .main-m i { font-size: 9px; color: #848484; margin-left: 2px; }
.index-list .main-m .day { padding-left: 10px; }

.index-list .main-r { display: inline-block; margin-right: 3%; position: relative; height: 74px; line-height: 74px; width: 105px; float: right; text-align: center;}
.index-list .main-r .circle-blue,.index-list .main-r .circle-gray { display: inline-block; width: 45px; height: 45px;  position: absolute; top: 50%; margin-top: -22px; left: 0; }
.index-list .main-r .val-per { font-size: 14px; }
.index-list .main-r .val-per i { font-size: 8px; }
.index-list .main-r .circle-gray { background: url(../images/gray.png) no-repeat; background-size: 45px 45px; } 
.index-list .main-r .val-txt { font-size: 10px; color: #a5a5a5; }

.index-che .tit-name i,.index-fang .tit-name i { display: inline-block; width: 20px; height: 20px;  vertical-align: middle; }
.index-che .tit-name i { background: url(../images/list-che.png) no-repeat; background-size: 20px 20px; }
.index-fang .tit-name i { background: url(../images/list-fang.png) no-repeat; background-size: 20px 20px; }

.index-che .main-l .per,.index-che .main-r .val-per { color: #0caffa; }
.index-fang .main-l .per,.index-fang .main-r .val-per { color: #f1483c; }

.index-che .main-l .add { background: url(../images/che-add.png) no-repeat; background-size: 31px 14px;}
.index-fang .main-l .add { background: url(../images/fang-add.png) no-repeat; background-size: 31px 14px;}